<template>
  <TestComm
      :headers="headers"
      :rows="rows"
      :topButtons="topButtons"
      :operationButtons="operationButtons"
  >

  </TestComm>
</template>

<script>
import TestComm from "@/components/commen/testComm.vue";

export default {
  name: "testA",
  components: {TestComm},
  data() {
    return {
      headers: [
        {key: 'name', text: '姓名'},
        {key: 'age', text: '年龄'},
        // 更多列...
      ],

      rows: [
        {id: 1, name: '张三', age: 30},
        {id: 2, name: '李四', age: 25},
        // 更多行...
      ],

      topButtons: [
        {text: '新增', action: () => console.log('新增')},
        // 更多顶部按钮...
      ],

      operationButtons: [
        {text: '编辑', action: (row) => console.log('编辑', row)},
        {text: '删除', action: (row) => console.log('删除', row)},
        // 更多操作列按钮...
      ],
    }
  }
}

</script>

<style scoped>

</style>